:root {
  --login-bg-color: transparent !important;

 /* 谷歌浏览器标签页样式变量 */
  --chrome-tab-bg: #f1f3f4;
  --chrome-tab-hover-bg: #e8eaed;
  --chrome-tab-active-bg: #ffffff;
  // --chrome-tab-text-color: #5f6368;
  --chrome-tab-text-color: rgba(49, 94, 243, 1);

  --chrome-tab-hover-text-color: #202124;
  --chrome-tab-active-text-color: #202124;
  --chrome-tab-active-indicator: #1a73e8;
  --chrome-tab-bar-bg: #f8f9fa;
  --chrome-tab-bar-border: #dadce0;
  --chrome-tab-submenu-bg: #ffffff;
  --chrome-tab-popup-bg: #ffffff;
  --chrome-tab-popup-border: #e8eaed;
  --chrome-scrollbar-thumb: rgba(0, 0, 0, 0.2);





  /* left menu start */
  /* 菜单最大宽度 */
  --left-menu-max-width: 280px;
  --left-tree-max-width:280px;
  --left-tree-max-widths:260px;

/* 菜单最小 */
  --left-menu-min-width: 64px;
/* 菜单背景 颜色 */
  --left-menu-bg-color: transparent !important;

  --left-menu-bg-light-color: transparent !important;

  --left-menu-bg-active-color: #fff !important;  /* 菜单选中背景颜色 */
  /* --left-menu-bg-active-color: var(--el-color-primary); */
  --left-menu-text-color: #434343 !important;/* 菜单文字颜色 */
  --left-menu-text-active-color: rgba(49, 94, 243, 1) !important;/* 菜单选中文字颜色 */
  --left-menu-collapse-bg-active-color:#fff !important;
  --el-menu-base-level-padding:17px !important;  /* 菜单paading值 */

  /* left menu end */

  /* logo start */
  --logo-height: 58px;
  --logo-width:280px;

  --logo-title-text-color: #fff;
  /* logo end */

  /* header start */
  --top-header-bg-color: '#fff';

  --top-header-text-color: '#434343' !important;//折叠图表颜色
  --top-header-last-text-color: '#aaa' !important;//面包屑active颜色


  // --top-header-hover-color: #f6f6f6;
  --top-header-hover-color: transparent !important;


  --top-tool-height: var(--logo-height);

  --top-tool-p-x: 0;

  --tags-view-height: 0px;
  /* header start */

  /* tab menu start */
  --tab-menu-max-width: 80px;

  --tab-menu-min-width: 30px;

  --tab-menu-collapse-height: 36px;
  /* tab menu end */

  --app-content-padding: 20px;

  // --app-content-bg-color: #f5f7f9;
  --app-content-bg-color: #f5f7f9;


  // --app-footer-height: 34px;
  --app-footer-height: 15px;


  --transition-time-02: 0.2s;


  /* elementUI */
  --el-menu-item-height:48px !important;
  --el-menu-sub-item-height:48px !important ;
  --el-menu-base-level-padding:15px !important;
  --el-menu-hover-bg-color: rgba(255,255,255,1) !important; /* 不生效 */

 /* elementUI */
--el-tree-content-color:#fff !important;
--el-tree-node-content-height:48px !important;

  /* 自定义修改 */
  /* 自定义主题色 覆盖 Element Plus 默认主题色 */
  --el-color-primary: rgba(49, 94, 243, 1) !important;
  --el-color-success: rgba(77, 213, 147, 1) !important;
  --el-color-warning: rgba(251, 186, 94, 1) !important;
  --el-color-danger: rgba(255, 0, 0, 1) !important;
  --el-color-info: rgba(204, 204, 204, 1) !important;

  /* // 主色的hover颜色 */
  --el-color-primary-light-3: rgba(49, 94, 243, 1) !important;
  /* // 主色的active颜色 */
  --el-color-primary-dark-2: rgba(49, 94, 243, 1)  !important;
  --el-color-primary-light-9: rgba(49, 94, 243, 0.1) !important;
  --el-color-primary-light-8: rgba(49, 94, 243, 0.1) !important;
  --el-color-success-light-8: rgba(40, 194, 146, 0.1) !important;
  --el-color-info-light-9: rgba(238, 238, 238, 1) !important;
  --el-color-info: rgba(153, 153, 153, 1); /* 消息 */
  // --el-border-color-light: #f4f4f4 !important;
  --el-border-color-light:transparent !important;

  --el-bg-color-page: transparent !important; /* 页面背景色 */
  --menu-background: transparent !important; /* 菜单背景色 */
  --el-menu-item-font-size: 15px;
  /* // 菜单文字颜色 */
  --menu-text: #434343;

  /* // 菜单激活文字颜色 */
  --menu-active-text: var(--el-color-primary);
  --menu-hover: transparent; /* 菜单悬停背景色 */
  --sidebar-logo-background: transparent; /* 侧边栏Logo背景色 */

  // 主色的active颜色
  // --el-color-primary-dark-2: rgba(49, 94, 243, 1) !important;

  // --el-color-success-light-8: rgba(40, 194, 146, 0.1) !important;
  // --el-color-info-light-9: rgba(238, 238, 238, 1) !important;
  .el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: #f4f4f4!important;
    --el-button-hover-border-color: #f4f4f4!important;
}

/* 新增主题颜色变量 */
--theme-color: rgba(49, 94, 243, 1); /* 替代 @ThemeColor */
--menu-background: #fff; /* 替代 @menu-background */
--boder-radius:8px !important;
// .el-button--primary {

// }
  .el-tag.el-tag--info {
    --el-tag-text-color: rgba(153, 153, 153, 1); /* 消息 */

  }
  .el-tag.el-tag--warning {
    // --el-tag-border-color:rgba(255, 145, 11, 0.10) !important;
    // --el-tag-text-color: rgba(255, 145, 11, 1) !important; /* 消息 */
    // --el-tag-bg-color: rgba(255, 145, 11, 0.10)!important;
    // --el-tag-border-color: rgba(255, 145, 11, 0.10)!important;
    // --el-tag-hover-color: rgba(255, 145, 11, 0.10)!important;
  }

  /* // 修复表格 fixed 列被选中后由于透明色导致叠字的 bug */
  .el-table {
    --el-table-current-row-bg-color: rgb(235 243 250);

    --el-table-header-text-color: #1a1a1a; /* 表头文字颜色 */
    --el-table-header-bg-color: #f6f6f6; /* 表头背景颜色 */

   thead th {
    font-weight: 500 !important;
   }
  }
  .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: #FAFAFA!important;
  }
  .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf {
    border-bottom: none!important;
  }
  /* // 全局表单样式 */
  @form-input-height: 36px;

  .el-form-item {
    display: flex;
    margin-right: 20px !important;
  }

  .el-input {
    width: 100% !important;
    height: @form-input-height !important;
  }

  .el-select {
    height: @form-input-height !important;

    &>div {
      height: 100% !important;
    }
  }

  .el-table__header {
    height: 48px !important;
  }

  .el-table--default .el-table__cell {
    height: 52px !important;
  }
  .el-table tr {
    height: 52px !important;

  }

  .el-tabs__nav-wrap:after {
    height: 1px;
  }
}

.dark {
  --app-content-bg-color: var(--el-bg-color);
}

*,
:after,
:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

